<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	  <script src="http://js.api.here.com/v3/3.0/mapsjs-core.js" 
     type="text/javascript" charset="utf-8"></script>
  <script src="http://js.api.here.com/v3/3.0/mapsjs-service.js" 
     type="text/javascript" charset="utf-8"></script>
  <script src="http://js.api.here.com/v3/3.0/mapsjs-mapevents.js" 
     type="text/javascript" charset="utf-8"></script>
  </head>
  
  <body>
	<div style="width: 640px; height: 480px" id="mapContainer"></div>
	 <script>
	  // Initialize the platform object:
    var platform = new H.service.Platform({
    'app_id': '{uYutDo6qFYmggEBUkvgb}',
    'app_code': '{eHbTj8efWJ8DLL88IFFLng}'
    });

       // Obtain the default map types from the platform object
    var maptypes = platform.createDefaultLayers();
    // Instantiate (and display) a map object:
    var map = new H.Map(
    document.getElementById('mapContainer'),
   maptypes.normal.map,
    {
      zoom: 10,
      center: { lng: 13.4, lat: 52.51 }
    });
    var mapEvents = new H.mapevents.MapEvents(map);

// Add event listener:
	map.addEventListener('tap', function(evt) {
  // Log 'tap' and 'mouse' events:
  alert("ddd");
  console.log(evt.type, evt.currentPointer.type); 
	});
  	</script>
  </body>
 
</html>
